<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编辑文章</title>
</head>
<body>
  <div>编辑文章</div>
  <script type="text/javascript" src="../assets/lib/jquery.js"></script>
  <script type="text/javascript" src="../assets/js/common.js"></script>
  <script type="text/javascript">
    // 跳转到该页面后，需要展示表单，并且显示原来的内容
    // 原来的内容需要调用接口获取，然后填充表单
    // 这里需要根据文章的id查询文章的详情数据
    // id从哪里获取？可以借助url地址传递
    // 如何通过js代码获取url地址中的参数？location.search

    // console.log(location.search) // ?id=47820
    // URLSearchParams构造函数可以把字符串参数转换为对象
    $(function () {
      var id = new URLSearchParams(location.search).get('id')
      $.ajax({
        type: 'get',
        url: 'my/article/' + id,
        success: function (res) {
          // 这里的数据填充到表单即可
          console.log(res)
        }
      })
    })
  </script>
</body>
</html>